<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idpf.org/2007/ops" xml:lang="zh-CN">

<head>
    <meta charset="UTF-8" />
    <link rel="stylesheet" href="../js/typinyin.css" type="text/css" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <title>制作 介绍</title>
    <style>
        *,
        body,
        div {
            padding: 0;
            margin: 0;
            font-size: 14px;
        }

        body {
            padding: 1em;
        }

        div.main {
            margin-top: 40%;
            text-align: center;
        }

        .main img {
            border-radius: 50%;
        }
        #maker{margin-top:.8em;text-align: center;}
    </style>
    <script src="../js/typinyin.min.js" type="text/javascript" charset="utf-8"></script>
    <script>
        window.onload = function(){
            var demo = new Typinyin();
            demo.attach('#maker'); // Attach element
            demo.setOptions({
                sentences: [
                    {
                        ch: ["由","兔兔","和","污",{pause: 500},"\b","♂",{pause: 800},"\b",{pause: 800},"inori","合作","制作",{pause: 600},"❤"],
                        py: ["you","tutu","he","wu","","","wu","","","","inori","hezuo","zhizuo","","xin"],
                    }
                ], // Sentences needs to be typed
                startDelay: 1000, // Time before typing starts, in ms
                typeSpeed: 100, // Time gap between each character, in ms
                pause: 1000, // Time waiting before each sentence is to be deleted, in ms
                backSpeed: 50, // Backspacing speed, in ms
                cursorChar: "|", // Character for cursor, you may want to use "_" if you are emulating a console
                loop: false, // Loop when finished typing
            });
            demo.init(); // Initialize and start typing
        }
    </script>
</head>

<body>
    <div class="main">
        <img width="80" height="80" src="../img/tutu.jpg" alt="变成兔子的小凉弱弱" title="变成兔子的小凉弱弱" />
        <img width="80" height="80" src="../img/inori.jpg" alt="inori" title="inori" />
    </div>
    <div id="maker"></div>
</body>

</html>